﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MostraMaquinasActivas.aspx.cs" Inherits="ApuestasNetInterfaz.MostraMaquinasActivas" %>
<%@ Import Namespace="CapaDeGestion" %>
<%@ Import Namespace="Entidades" %>
<%@ Import Namespace="System.Collections.Generic" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ApuestasNet</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="Styles/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="Scripts/cufon-yui.js"></script>
<script type="text/javascript" src="Scripts/arial.js"></script>
<script type="text/javascript" src="Scripts/cuf_run.js"></script>

      <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
      <script type="text/javascript">
        var centrodelmapa = new google.maps.LatLng(10.496420232955682, -66.906738281258);

        var marker;
        var map;

        function initialize() {
          var mapOptions = {
            zoom: 12,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            center: centrodelmapa
          };

          map = new google.maps.Map(document.getElementById("map"),
          mapOptions);
          <%
            IGestionMaquina agregaMaq = new GestionMaquina();
            IList<MaquinaApuesta> lista = agregaMaq.ListarMaquinaActivas();
            string lat;
            string log;
            for (int i = 0; i < lista.Count; i++)
            {

                lat = lista[i].Latitud;
                log = lista[i].Longitud;
                 %>
                var positionmarcador = new google.maps.LatLng (<%=lat.ToString()%>,<%=log.ToString()%>);
        marker = new google.maps.Marker({
        map:map,
        draggable:false,
        animation: google.maps.Animation.DROP,
        position: positionmarcador
      });
      google.maps.event.addListener(marker, 'click', toggleBounce);

                    
              <%  }
           %>
            
  }

  function toggleBounce() {

    if (marker.getAnimation() != null) {
      marker.setAnimation(null);
    } else {
      marker.setAnimation(google.maps.Animation.BOUNCE);
    }
  }
  function coordinates() {
    var point = new google.maps.LatLng(marker.getPosition().lat(),marker.getPosition().lng(),true);
    map.panTo(point);
    document.getElementById("direccion_latitud").value = point.lat();
    document.getElementById("direccion_longitud").value = point.lng();
  }
      </script>


</head>
<body onLoad="menu1.escribe('menu',22,8); initialize();">
<div class="main">
  <div class="header">
    <div class="header_resize">
      <div class="logo">
        <h1><a href="#">Apuestas<span>Net</span></a></h1>
      </div>
      <div class="menu_nav">
        <ul>
          <li class="active"><a href="#"><span>Inicio</span></a></li>
          <li><a href="#"><span>Resultados</span></a></li>
          <li><a href="#"><span>Eventos</span></a></li>
          <li><a href="#"><span>Contacto</span></a></li>
        </ul>
        <div class="clr"></div>
      </div>
      <div class="clr"></div>
      <div class="header_img"><!--img src="Images/juegos.png" alt="" width="271" height="234" /-->
  
        <h2>Modulo Administrativo</h2>
    
            
 
      </div>
    </div>
  </div>
  <div class="clr"></div>
  <div class="content">
    <div class="content_resize">
      <div class="mainbar">

        <div class="center">
       <form id="form1" runat="server">
 
               <table border=0>
       <tr>
            <td colspan=2>
           <big> Máquinas Activas </big> 
            </td>       
       </tr>
<tr>
	<td colspan=2>
	<div id="map" style="width: 590px; height: 450px"></div>
          <div id="message"></div>
	</td>
</tr>
</table>
  

    
    </form>
		
        </div>
       </div>
      <div class="sidebar">
            
                      <div class="gadget">
        <script type="text/javascript" src="Scripts/MenuDesplegable/menu.js"></script>
        <script type="text/javascript">
	        <!--
            //Creo una instancia de la clase Menu
            var menu1 = new Menu();

            //Creo una propiedad "items", la cual es el array de ítems que tendrá nuestro menu, la creo fuera de la clase ya que nos permite personalizar el menu sin tener que editar la clase.
            menu1.items = new Array(["item-0", "javascript:;", "Gestión de Máquinas"], ["item-1", "javascript:;", " Gestión de Eventos"], ["item-2", "javascript:;", "Gestión de Catégorias"], ["item-3", "javascript:;", "Gestión de Usuarios"]);
            //Creo una propiedad "suitems", la cual es el array de sub ítems que apareceran dentro de cada ítem.
            menu1.subitems = new Array([["subitem-0", "MaquinaNueva.aspx", "Agregar Máquina", "_blank"], ["subitem-1", "EliminarMaquina", "Eliminar Máquina", "_blank"], ["subitem-2", "javascript:;", "Consultar Máquinas", "_blank"]], [["subitem-0", "javascript:;", "Agregar Evento", "_blank"], ["subitem-1", "javascript:;", "Eliminar Evento", "_blank"], ["subitem-2", "javascript:;", "Consultar Eventos", "_blank"]], [["subitem-0", "javascript:;", "Agregar Catégoria", "_blank"], ["subitem-1", "javascript:;", "Eliminar Catégoria", "_blank"], ["subitem-2", "javascript:;", "Consultar Catégoria", "_blank"]], [["subitem-0", "javascript:;", "Agregar Usuario", "_blank"], ["subitem-1", "javascript:;", "Eliminar Usuario", "_blank"], ["subitem-2", "javascript:;", "Consultar Usuario", "_blank"]]);
	        -->
        </script>
        <style type="text/css">


	/* Personalizo el aspecto del menú */
	body { font-family:Arial; }
	#menu { width:auto; padding: 0; border-bottom: solid #247AAC 1px; }
	#menu div { border-top: solid #247AAC 1px; background: #1E557A; }
	#menu a { padding-left: 10px; text-decoration: none; color:White; font-weight: 700; display: block; width: auto; font-size: 1em; }
	#menu a:hover { background: #247AAC; }
	#menu ul { margin: 0; padding: 0; font-size: 0.9em; background: #383939; overflow: hidden; height: 0; }
	#menu li { list-style: none; font-size: 0.8em; padding: 0; }
	#menu li a { padding-left: 25px; width: auto; }
	#menu li a:hover { color: #0086d2; background: none; }

</style>

<!-- En el onLoad del body debo ejecutar el método "escribe" que me permite escribir el menu pero luego de asegurarnos que el DIV "menu" ya este cargado en la página -->

            <div id="menu">
            </div>

        </div>
      
        <div class="gadget">
          
        </div>
        <div class="gadget">
         
          <div class="clr"></div>
          <p> <img src="Images/test_1.gif" alt="" width="19" height="20" /> <em>"Las apuestas en la vida, son como las mujeres, inciertas siempre, pero aburridas nunca"</em>.<img src="Images/test_2.gif" alt="" width="19" height="20" /></p>
          <p style="float:right;"><strong>Omar Garcia</strong></p>
        </div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="fbg">
    <div class="fbg_resize">
      <div class="col c1">
        <h2><span>Image Gallery</span></h2>
        <a href="#"><img src="Images/gallery_1.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="Images/gallery_2.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="Images/gallery_3.jpg" width="58" height="58" alt="" /></a></div>
      <div class="col c2">
        <h2><span>Atencion</span></h2>
        	
        La participación en la oferta de juego de ApuestasNet solo está permitida a los mayores de 18 años.
      </div>
      <div class="col c3">
        <h2><span>Contact</span></h2>
        <p>gravida gravida eu porttitor dui. Nulla pharetra, mauris vitae interdum dignissim, justo nunc suscipit ipsum. <a href="#">mail@example.com</a><br />
          <a href="#">+1 (123) 444-5677</a></p>
      </div>
      <div class="clr"></div>
    </div>
    <div class="footer">
      <p class="lf">&copy; Copyright <a href="#">ApuestasNet</a>.</p>
      <p class="rf">Layout by Cool Website Templates</p>
      <div class="clr"></div>
    </div>
  </div>
</div>

</body>
</html>

